<template>
  <view class="">
	  <uni-nav-bar  title="录入工作"  statusBar :border='false'></uni-nav-bar>
  	<view class="container">
  		<view class="hezi" @click="luru(1)">
  			<view class="left">
  				<image src="../../static/8b594ab3b642cc29335171d22883537f1955f2644ec7b-CfWJ66@2x.png" mode=""></image>
  			</view>
  			<view class="cen">
  				<span>录入工作</span>
  				<p>今天辛苦了，别忘记录入工时！</p>
  			</view>
  			<view class="right">
  				<uni-icons type="right" size="30"></uni-icons>
  			</view>
  		</view>
  		<view class="hezi" @click="luru(2)">
  			<view class="left">
  				<image src="../../static/43547c3039ef0bddc6ef6e5d90a1310177002f391f1b7-urMFCv@2x.png" mode=""></image>
  			</view>
  			<view class="cen">
  				<span>补录工作</span>
  				<p>忘记录入工作？点击补录工作！</p>
  			</view>
  			<view class="right">
  				<uni-icons type="right" size="30"></uni-icons>
  			</view>
  		</view>
  		<uv-tabbar :value="1"  class="tab"></uv-tabbar>
  	</view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			luru(e) {
				uni.navigateTo({
					url:`/pages/index/Input_work?workType=${e}`
				})
			}
		},
		mounted() {

		},
		onLoad() {

		}
	}
</script>

<style lang='scss' scoped>
	.container {
		display: flex;
		flex-direction: column;
		align-items: center;
		.hezi {
			width: 700rpx;
			height: 200rpx;
			background: #FFFFFF;
			border-radius: 20rpx;
			margin-top: 50rpx;
			display: flex;
			justify-content: space-around;
			align-items: center;

			.left {
				image {
					width: 140rpx;
					height: 140rpx;
				}
			}

			.cen {
				margin-left: -50rpx;

				span {
					font-family: PingFang SC;
					font-weight: 800;
					font-size: 35rpx;
					color: #1E1E1E;

				}

				p {
					font-family: PingFang SC;
					font-weight: 500;
					font-size: 26rpx;
					color: #818181;
					margin-top: 20rpx;
				}
			}

		}
	}

	.tab {
		image {
			width: 43rpx;
			height: 43rpx;
		}
	}
</style>